$(function () {
    // 检验必填项不能为空...
    // var title_num = 1,type_num = 1,info_num = 1;
    var bannerStatus;

    var bannerid = $.getUrlParam('bannerid')
    // console.log(bannerid)

    // 页面初始化...数据数据回显...
    getBannerInfo( bannerid );

    // 将从后天获取到的信息回显到页面当中....
    function getBannerInfo(bannerId)
    {
        $.ajax({
            async: false,
            type: 'post',
            headers: {"Accept-CMS-Token": token},
            url: getbanner,
            data: {
                bannerId: bannerId,
            },
            dataType: 'json',
            success:successFn,
            error: function () {
                console.log('根据id查看banner失败...')
            }
        })
    };

    // 当发送ajax成功的时候,执行下面的函数...
    function successFn(data)
    {
        bannerStatus = data.value.bannerStatus;
        $('input[name = title]').val(data.value.title);//标题
        for( var i=0;i<$('input[name = type]').length;i++ )
        {
            if($('input[name = type]').eq(i).val() == data.value.type )
            {
                $('input[name = type]').eq(i).attr('checked','true');
            }
        };//类型
        $('textarea[name = info]').val(data.value.info);//简介
        $('.start_time').val( formatUsualStamp(data.value.startTime) );//上线时间
        $('#hidden_starttime').val( formatUsualStamp(data.value.startTime) )
        $('.end_time').val( formatUsualStamp(data.value.endTime) );//下线时间
        $('#hidden_endtime').val( formatUsualStamp(data.value.endTime) )
        $('.setImg img').attr('src',address + data.value.coverUrl);//封面图片
        $('.setImg img').attr('height',300);
        $('input[name = coverUrl]').val(data.value.coverUrl);

        if( data.value.imageUrl != '' )
        {//回显imageUrl..
            $('input[name = imageUrl]').val(data.value.imageUrl);
            var imageArr = data.value.imageUrl.split(',')

            for( var j=0;j<imageArr.length;j++ )
            {
                $('.image_div p.upsuccess').append('<img src="'+address + imageArr[j]+'" url="'+imageArr[j]+'">');
            };

        };
        if( data.value.cssUrl != '' )
        {//回显cssUrl
            $('input[name = cssUrl]').val( data.value.cssUrl );
            var cssArr = data.value.cssUrl.split(',');

            for( var x = 0;x<cssArr.length;x++ )
            {
                $('.css_div').append('<p class="upsuccess clearFloat" url="'+cssArr[x]+'"><span class="fr">上传成功!</span> <span class="true_url">' + cssArr[x] + '</span></p>');
            };

        };
        if( data.value.jsUrl != '' )
        {//回显jsUrl
            $('input[name = jsUrl]').val( data.value.jsUrl );
            var jsArr = data.value.jsUrl.split(',');

            for( var y = 0;y<jsArr.length;y++ )
            {
                $('.js_div').append('<p class="upsuccess clearFloat" url="'+jsArr[y]+'"><span class="fr">上传成功!</span> <span class="true_url">' + jsArr[y] + '</span></p>');
            };

        };
        if( data.value.htmlUrl != '' )
        {//回显htmlUrl
            $('input[name = htmlUrl]').val( data.value.htmlUrl );
            var htmlArr = data.value.htmlUrl.split(',');

            for( var z = 0;z<htmlArr.length;z++ )
            {
                $('.html_div').append('<p class="upsuccess clearFloat" url="'+htmlArr[z]+'"><span class="preSee fr">预览</span><span class="fr">上传成功!</span> <span class="true_url">' + htmlArr[z] + '</span></p>');
            };

        };
        // console.log(htmlArr);
        $('textarea[name = staticUrl]').val( data.value.staticUrl)

        console.log('根据id查看banner成功...')

    };

    // 上线时间的日历插件初始化...
    $('.form_datetime_start').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        forceParse: 0,
        format: 'yyyy-mm-dd hh:ii:ss',
        linkField:"hidden_starttime",//值反射域
        linkFormat: "yyyy-mm-dd hh:ii:ss",
        // showMeridian: 1//是否显示上午下午...AM...PM...
    });

    //下线时间日历插件初始化...
    $('.form_datetime_end').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        forceParse: 0,
        format: 'yyyy-mm-dd hh:ii:ss',
        linkField:"hidden_endtime",//值反射域
        linkFormat: "yyyy-mm-dd hh:ii:ss",
        // showMeridian: 1//是否显示上午下午...AM...PM...
    });

    // 上传封面图片...
    $('.upload_fengMian').change(function () {

        $('input[name = coverUrl]').parent().parent().siblings('.must_write').hide();

        upLoadCoverImg('.wrap_Cover');

    });

    // 上传封面...封装好的函数...按钮发生变化的时候...执行这个函数...
    function upLoadCoverImg(wrap_form)
    {

        var option={
            type: "post",
            headers: {"Accept-CMS-Token":token},
            url: savehtmlinfo,
            data: {
                type:5,
                upfile:'upfile',
            },
            dataType:'json',
            async: false,
            error: function(data){
                alert("Connection error");
            },
            success: function(data){
                if(data.resultCode == 200)
                {
                    $('.setImg img').attr( 'src',address + data.value );
                    $('.setImg img').attr('height',300)
                    $('input[name = coverUrl]').val(data.value)
                }
                else if( data.resultCode == 515 )
                {
                    reLogin();
                }
                else
                {
                    alert('上传失败!')
                };
            }
        };

        $(wrap_form).ajaxSubmit(option);

    };

    // 双击上传的css文件进行删除...
    $(document).on('dblclick','.css_div p.upsuccess .true_url',function () {

        var obj = $(this);

        delFile(obj,'input[name = cssUrl]');

    });
    // 双击上传的js文件进行删除...
    $(document).on('dblclick','.js_div p.upsuccess .true_url',function () {

        var obj = $(this);

        delFile(obj,'input[name = jsUrl]');

    });
    // 双击上传的html文件进行删除...
    $(document).on('dblclick','.html_div p.upsuccess .true_url',function () {

        var obj = $(this);

        delFile(obj,'input[name = htmlUrl]');

    });
    // 双击上传的image文件进行删除...
    $(document).on('dblclick','.image_p img',function () {

        var hiddenUrl = $(this).parent().parent().siblings('dl').children('dd').children('label').children( 'input[name = imageUrl]' ).val().split(',');

        if(confirm('确定删除该图片吗?'))
        {
            var _thisUrl = $(this).attr('url');

            for( var i = 0;i<hiddenUrl.length;i++ )
            {
                if( hiddenUrl[i] == _thisUrl )
                {
                    // 将选中的文件从数组中删除...
                    hiddenUrl.splice(i,1);
                    break;
                }
            };
            hiddenUrl = hiddenUrl.join(',')

            $(this).parent().parent().siblings('dl').children('dd').children('label').children( 'input[name = imageUrl]' ).val( hiddenUrl )

            $(this).remove();

        };
    });

    // 封装一个函数...当双击上传到服务器上的文件时...删除该文件...
    function delFile(obj,hidden_name)
    {
        var hiddenUrl = obj.parent().parent().siblings('dl').children('dd').children('label').children( hidden_name ).val().split(',')
        // console.log(hiddenUrl)
        if(confirm('确定删除该文件吗?'))
        {
            var _thisUrl = obj.html();
            // console.log(_thisUrl)
            for( var i = 0;i<hiddenUrl.length;i++ )
            {
                if( hiddenUrl[i] == _thisUrl )
                {
                    // 将选中的文件从数组中删除...
                    hiddenUrl.splice(i,1);
                    break;
                }
            };
            hiddenUrl = hiddenUrl.join(',')

            obj.parent().parent().siblings('dl').children('dd').children('label').children( hidden_name ).val( hiddenUrl )

            obj.parent().remove();

        };
    };

    // 点击预览...在浏览器中打开一个新标签去预览这个上传的页面...
    $(document).on('click','span.preSee',function () {

        var html_url_str = $(this).parent().children('span.true_url').html()
        // console.log( html_url_str )
        window.open( address + html_url_str );

    });

    // 上传image文件...
    $('.upload_image').change(function () {

        upLoadImgFile('.wrap_image');

    });

    // 上传image文件...封装好的一个函数...方便以后调用....
    function upLoadImgFile(wrap_form)
    {

        var option={
            type: "post",
            headers: {"Accept-CMS-Token":token},
            url: savehtmlinfo,
            data: {
                type:4,
                upfile:'upfile',
            },
            dataType:'json',
            async: false,
            error: function(data){
                alert("Connection error");
            },
            success: function(data){
                if(data.resultCode == 200)
                {
                    var value =  data.value.split(',');
                    for( var i=0;i<value.length;i++ )
                    {
                        $('.image_div p.upsuccess').append('<img src="'+address + value[i]+'" url="'+value[i]+'">');
                    };

                    // 将后台返回的地址放入隐藏域..
                    if( $('input[name = imageUrl]').val() == '' )
                    {
                        $('input[name = imageUrl]').val(data.value);
                    }
                    else
                    {
                        var beforeStr = $('input[name = imageUrl]').val();
                        $('input[name = imageUrl]').val(beforeStr + ',' + data.value );
                    };

                }
                else if( data.resultCode == 515 )
                {
                    reLogin();
                }
                else
                {
                    alert('上传失败!')
                };
            }
        };

        $(wrap_form).ajaxSubmit(option);

    };

    // 上传css文件...
    $('.upload_css').change(function () {

        upLoadFile(2,'.wrap_css','input[name = cssUrl]','');

    });
    // 上传js文件...
    $('.upload_js').change(function () {

        upLoadFile(3,'.wrap_js','input[name = jsUrl]','');

    });
    // 上传html文件...
    $('.upload_html').change(function () {

        upLoadFile(1,'.wrap_html','input[name = htmlUrl]','<span class="preSee fr">预览</span>');

    });

    // 封装一个函数...可以上传css.js.html文件...
    function upLoadFile(type,wrap_form,hidden_name,span_pre)
    {
        var option={
            type: "post",
            headers: {"Accept-CMS-Token":token},
            url: savehtmlinfo,
            data: {
                type:type,
                upfile:'upfile',
            },
            dataType:'json',
            async: false,
            error: function(data){
                alert("Connection error");
            },
            success: function(data){
                if(data.resultCode == 200)
                {
                    var value = data.value.split(',');
                    // value = value.split(',');
                    for(var i=0;i<value.length;i++)
                    {
                        $(wrap_form).children('.set_margin').append('<p class="upsuccess clearFloat" url="'+value[i]+'">'+ span_pre +'<span class="fr">上传成功!</span> <span class="true_url">' + value[i] + '</span></p>');
                    };
                    // 将后台返回的地址放入隐藏域..
                    if( $(hidden_name).val() == '' )
                    {
                        $(hidden_name).val(data.value);
                    }
                    else
                    {
                        var beforeStr = $(hidden_name).val();
                        $(hidden_name).val(beforeStr + ',' + data.value );
                    };
                    // console.log(value)

                }
                else if( data.resultCode == 515 )
                {
                    reLogin();
                }
                else
                {
                    alert('上传失败!')
                };
            }
        };

        $(wrap_form).ajaxSubmit(option);

    };

    // 点击取消...跳转到列表页...
    $('.cancel_add_Banner').click(function () {

        window.location.href = banner_admin;

    });

    // 校验Banner标题必填...
    $('input[name = title]').blur(function () {

        if( $(this).val() == '' )
        {
            $(this).parent().siblings('.must_write').show();
            title_num = 1;
        }
        else
        {
            $(this).parent().siblings('.must_write').hide();
            title_num = 2;
        }

    });
    // 校验Banner类型必选...当描述框获取焦点的时候...提示用户类型必选...
    $('textarea[name = info]').focus(function () {

        if( $('input[name = type]:checked').val() == undefined )
        {
            $('input[name = type]').parent().parent().siblings('.must_write').show();
            type_num = 1;
        }
        else
        {
            $('input[name = type]').parent().parent().siblings('.must_write').hide();
            type_num = 2;

        };

    });
    // 校验banner描述不能空...
    $('textarea[name = info]').blur(function () {

        if( $('textarea[name = info]').val() == '' )
        {
            $(this).parent().siblings('.must_write').show();
            info_num = 1;
        }
        else
        {
            $(this).parent().siblings('.must_write').hide();
            info_num = 2;
        };

    });

    // 点击保存...将页面上的表单信息搜集提交到后台...
    $('.save_banner_info').click(function () {

        // 校验banner标题不能为空...
        if( $('input[name = title]').val() == '' )
        {
            $('input[name = title]').parent().siblings('.must_write').show();
            return false;
        }
        else
        {
            $('input[name = title]').parent().siblings('.must_write').hide();

        }

        // 校验Banner的类型不能为空...
        if( $('input[name = type]:checked').val() == undefined )
        {
            $('input[name = type]').parent().parent().siblings('.must_write').show();
            type_num = 1;
        } else {
            $('input[name = type]').parent().parent().siblings('.must_write').hide();
            type_num = 2;

        };
        // 校验banner描述不能为空...
        if( $('input[name = info]').val() == '' )
        {
            $('input[name = info]').parent().siblings('.must_write').show();
            return false;
        }
        else
        {
            $('input[name = info]').parent().siblings('.must_write').hide();

        };
        // 校验上线时间不能为空...
        if( $('#hidden_starttime').val() == '' )
        {
            $('#hidden_starttime').parent().siblings('.must_write').show();
            return false;
        } else {
            $('#hidden_starttime').parent().siblings('.must_write').hide();
        };

        // 校验下线时间不能为空...
        if( $('#hidden_endtime').val() == '' )
        {
            $('#hidden_endtime').parent().siblings('.must_write').show();
            return false;
        } else {
            $('#hidden_endtime').parent().siblings('.must_write').hide();
        };

        // 校验下线时间不能小于上线时间...
        var timeStr = compareDate( $('#hidden_starttime').val(),$('#hidden_endtime').val() );
        if( timeStr == '正确' )
        {
            $('.reChoose').hide();
        } else {
            $('.reChoose').show();
            return false;
        };

        // 校验封面图片必须上传...
        if( $('input[name = coverUrl]').val() == '' )
        {
            $('input[name = coverUrl]').parent().parent().siblings('.must_write').show();
            return false;
        } else {
            $('input[name = coverUrl]').parent().parent().siblings('.must_write').hide();
        };

        //校验必填项不能为空...
        // if( title_num == 2 && type_num ==2 && info_num == 2 )
        // {//只有在都不为空的时候才能向后台提交表单搜集的信息....
            $('input[name = type]').parent().parent().siblings('.must_write').hide();

            // 将表单搜集的信息提交到后台...
            $.ajax({
                async: false,
                type: 'post',
                headers: {"Accept-CMS-Token": token},
                url: savebanner,
                dataType: 'json',
                data: {
                    bannerStatus:bannerStatus,
                    coverUrl: $('input[name = coverUrl]').val(),
                    cssUrl:$('input[name = cssUrl]').val(),
                    endTime: $('#hidden_endtime').val(),
                    htmlUrl:$('input[name = htmlUrl]').val(),
                    id: bannerid,//编辑时用...
                    imageUrl: $('input[name = imageUrl]').val(),
                    info: $('textarea[name = info]').val(),
                    jsUrl: $('input[name = jsUrl]').val(),
                    startTime: $('#hidden_starttime').val(),
                    staticUrl: $('textarea[name = staticUrl]').val(),
                    title: $('input[name = title]').val(),
                    type: $('input[name = type]:checked').val(),
                    typeName: console.log($('input[name = type]:checked').parent().text())
                },
                success:function () {

                    alert('保存成功!');

                    window.location.href = banner_admin;

                    console.log('保存banner接口成功...')
                },
                error: function () {
                    console.log('保存banner接口失败...')
                }
            })


        // }

    });

    // console.log(bannerStatus)

    // 封装一个函数...比较两个日期的大小...
    function compareDate( date1,date2 )
    {
        var d1 = new Date(date1).getTime();
        var d2 = new Date(date2).getTime();
        if( d1<d2 )
        {
            return '正确'
        }
        else
        {
            return '错误';
        };

    };



});
